/* facultystaff/pages/checkinginpage/checkinginpage.wxss */
view{
  margin: 0;
  padding: 0;
  box-sizing: border-box;

}
.attendancetop {
  width: 100%;
  padding: 20rpx;
  margin-top: 20rpx;
  display: flex;
  background: #ffffff;
  box-sizing: border-box;
  > view {
    box-sizing: border-box;
    &:nth-child(2) {
      margin-left: 20rpx;
      text-align: left;
      > view {
        font-size: 30rpx;
        &:nth-child(2) {
          margin-top: 15rpx;
        }
      }
    }
  }
  
}
.img{
  width: 100rpx;
  height: 100rpx;
}
.tong {
  color: #41bc55;
}
.duan {
  color: red;
}
.content {
  background-color: #ffffff;
  padding: 20rpx;
  margin-top: 20rpx;
  font-size: 30rpx;
  box-sizing: border-box;
  > view {
    text-align: left;
    width: 100%;
    display: flex;
    box-sizing: border-box;
    margin: 15rpx 0;
    > text {
      text-align: left;
      width: 100%;
      display: inline-block;
      &:nth-child(1) {
        width: 30%;
        color: #999999;
      }
      &:nth-child(2) {
        font-weight: 700;
        width: 70%;
        color: #333333;
      }
    }
  }
}
.van-button{
  margin-top: 40rpx;
}
.wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.block {
  width: 300px;
  height: 250px;
  background-color: #fff;
  border-radius: 25rpx;
}
.titlw{
  text-align: center;
  padding: 20px 0;
}
.butt{
  margin-top: 20rpx;
  display: flex;
  justify-content: space-around;
  >van-button{
    width: 140px;
  }
}